<!DOCTYPE html>
<html>
  <body>
  
<div id="page-section" th:fragment="pager">
    <div class="pagerWrap">
        <ul class="grdLinePager">
            <li class="liBgFirst"><a href="#" data-bind="click:DataGrid.FlipPage(1)"></a></li>
            <li class="liBgPrev"><a href="#" data-bind="click: function () {DataGrid.FlipPage(DataGrid.GridParams.pageIndex() - 1)  }"></a></li>
            <li class="liBgCur">
                <input data-bind="value: DataGrid.GridParams.requestedPage" type="text" />
                <span>共</span>
                <span data-bind="text:DataGrid.GridParams.totalPages()"></span>
                <span> 页</span>
            </li>
            <li class="liBGNext"><a href="#" data-bind="click: function () { DataGrid.FlipPage(DataGrid.GridParams.pageIndex() + 1) }"></a></li>
            <li class="liBGLast"><a href="#" title="最后一页" data-bind="click: function () { DataGrid.FlipPage(DataGrid.GridParams.totalPages()) }"></a></li>
        </ul>
        <div class="pagerNumWrap">
            <span>每页显示</span>
            <select data-bind="options:DataGrid.GridParams.pageSizeOptions, value: DataGrid.SelectedPageSizeOption "></select>
            <span>条</span>
        </div>

    </div>
</div>
 
   </body>
</html>